<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>首页_杨青个人博客 - 一个站在web前端设计之路的女技术员个人博客网站</title>
    <meta name="keywords" content="个人博客,杨青个人博客,个人博客模板,杨青"/>
    <meta name="description" content="杨青个人博客，是一个站在web前端设计之路的女程序员个人网站，提供个人博客模板免费资源下载的个人原创网站。"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link th:href="@{/css/base.css}" rel="stylesheet">
    <link th:href="@{/css/index.css}" rel="stylesheet">
    <link th:href="@{/css/m.css}" rel="stylesheet">
    <!--[if lt IE 9]>
    <script th:src="@{/js/modernizr.js}"></script>
    <![endif]-->
    <script th:src="@{/js/scrollReveal.js}"></script>
</head>
<body>
<header>
    <div class="logo"><a href="/"><img th:src="@{/images/logo.png}"></a></div>
    <div th:insert="~{common::nav}"/>
    <script>
        window.onload = function () {
            var obj = null;
            obj = As[0];
            for (i = 1; i < As.length; i++) {
                if (window.location.href.indexOf(As[i].href) >= 0)
                    obj = As[i];
            }
            obj.id = 'selected'
        }
    </script>
</header>
<article>
    <div class="picbox">
        <ul>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/b01.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/t03.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/b04.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/v1.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/mb02.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/text01.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/v2.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/b06.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
        </ul>
        <ul>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/zd01.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/b03.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/text02.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/v1.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/mb02.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/t01.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/mb05.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/b05.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
        </ul>
        <ul>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/b02.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/text02.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/v1.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/mb02.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/text01.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/b01.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/t03.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/b04.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
        </ul>
        <ul>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/zd01.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/b03.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/text02.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/v1.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/mb02.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/t01.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/mb05.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
            <li data-scroll-reveal="enter bottom over 1s"><a href="/"><i><img th:src="@{/images/b05.jpg}"></i>
                <div class="picinfo">
                    <h3>个人博客模板《繁花》</h3>
                    <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span></div>
            </a></li>
        </ul>
    </div>
    <div class="pagelist"><a class="allpage"><b>99</b></a>&nbsp;&nbsp;<a href="#" class="curPage">1</a>&nbsp;&nbsp;<a
            href="#" onclick="page(2)">2</a>&nbsp;&nbsp;<a href="#" onclick="page(3)">3</a>&nbsp;&nbsp;<a href="#"
                                                                                                          onclick="page(4)">4</a>&nbsp;&nbsp;<a
            href="#" onclick="page(5)">5</a>&nbsp;&nbsp;<a href="#" onclick="page(6)">6</a>&nbsp;&nbsp;<a href="#"
                                                                                                          onclick="page(7)">7</a>&nbsp;&nbsp;<a
            href="#" onclick="page(8)">8</a>&nbsp;&nbsp;<a href="#" onclick="page(9)">9</a>&nbsp;&nbsp;<a href="#"
                                                                                                          onclick="page(2)">下一页</a>
    </div>
</article>
<footer>
    <p>Design by <a href="http://www.yangqq.com" target="_blank">杨青个人博客</a> <a href="/">蜀ICP备11002373号-1</a></p>
</footer>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        (function () {
            window.scrollReveal = new scrollReveal({reset: true});
        })();
    }
    ;
</script>
</body>
</html>
